<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>title</title>

		<link rel="stylesheet" type="text/css" href="../css/aui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<style>
			body {
				background-color: rgb(242,242,242);
			}
			.aui-bar {
				background-color: #6ac82c;
			}
			.title {
				overflow: hidden;
				padding: 15px;
				background-color: #fff;
			}
			.title span {
				line-height: 60px;
				float: left;
				color: #999;
			}
			.title img {
				float: right;
				width: 60px;
				height: 60px;
				border-radius: 60px;
				display: block;
			}
			.list-view {
				background-color: #fff;
			}
			.list-view li {
				padding: 12px 15px;
				overflow: hidden;
				border-top: 1px solid #f2f2f2;
			}
			.list-view li:active {
				background-color: #ddd;
			}
			.list-view li div {
				float: left;
				line-height: 30px;
				color: #999;
			}
			.list-view li p {
				float: right;
				line-height: 30px;
				font-size: 16px;
				color: #333;
				text-align: right;
				margin-right: 10px;
			}
			.list-view li span {
				float: right;
				color: #ccc;
				line-height: 30px;
				font-size: 20px;
			}
		</style>
	</head>
	<body>
    <div id="top-div"></div>
		<header id="header" class="aui-bar aui-bar-nav">
			<a href="../html/frame_tab_4.html" class="aui-pull-left"> <span class="aui-iconfont aui-icon-left"></span> </a>
			<div id="header-title" class="aui-title">
				个人信息
			</div>
		</header>
		<div class="title">
			<span>头像</span>
			<img src="../image/change-face1.png" />
		</div>
		<ul class="list-view">
			<li onclick="openChangeName()">
				<div>
					昵称
				</div>
				<span class="aui-iconfont aui-icon-right"></span>
				<p>
					Catherine
				</p>
			</li>
			<li onclick="openChangeSex()">
				<div>
					性别
				</div>
				<span class="aui-iconfont aui-icon-right"></span>
				<p>
					女
				</p>
			</li>
			<li onclick="openChangeAddress()">
				<div>
					居住地
				</div>
				<span style="color: rgba(0,0,0,0);" class="aui-iconfont aui-icon-right"></span>
				<p id="address">
					北京 东城区
				</p>
			</li>
			<li>
				<div>
					出生年月
				</div>
                <input id="input" type="date" value="1995-10-10"/>
			</li>
		</ul>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript">
		function openChangeName() {
            window.location.href = '../html/change_name.html'
		}

		function openChangeSex() {
            window.location.href = '../html/change_sex.html'
		}
	</script>
</html>